<template>
    <van-swipe class="van" :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="item in banners">
            <a :href="item.link">
                <img :src="item.image" alt="" @load="imageLoad">
            </a>
        </van-swipe-item>
    </van-swipe>
</template>

<script>
    import {Swiper, SwiperItem} from "components/common/swiper"
    export default {
        name: "HomeSwiper",
        props: {
            banners: {
                type: Array,
                default() {
                    return []
                }
            }
        },
        data() {
          return {
              isLoad: false
          }
        },
        components: {
            Swiper,
            SwiperItem
        },
        methods: {
            imageLoad() {
                if (!this.isLoad){
                    this.$emit('swiperimageLoad')
                    this.isLoad = true
                }

            }
        }
    }
</script>

<style scoped>
.van{
    overflow: hidden;
}
.van img {
    width: 100%;
}
</style>